<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>CSS基础I</title>
    <link rel="stylesheet" href="css/cssbase3.css">

</head>
<body>
<h1>外部样式表演示</h1>
<div id="container">ID选择器</div>
<p class="center">类选择器</p>
<p data-bind>属性选择器</p>

<span>相邻兄弟选择器</span><span class="change">变色</span><span>不变色</span>
<span>普通兄弟选择器</span><span>间隔</span><span class="change2">变色</span>

<p>
    <span>子选择器<span>不变</span></span>
</p>
<div>
    <span>后代选择器
        <span>变</span>
    </span>
</div>
<p>
    链接在鼠标按下和松开的时间内出现变化
    <a href="#">访问链接</a>
</p>

</body>
</html>
<!--网页上出现的内容-->